@charset "utf-8";

@keyframes light1{
    0%{
        opacity: 1;
    }
    50%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

#my-header-right{
    margin-top: 29px;
    position: relative;
    animation: light1 1.2s linear infinite;
}
#my-header-right::before{
    position: absolute;
    right: 0;
    top: -7px;
    content: "2";
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #fa5050;
    font-size: 10px;
    color: #FFFFFF;
    text-align: center;
    line-height: 14px;
}

.my-top{
    height: 22.66vw;
    width: 94.13%;
    margin: 0 auto;
    .my-top-pic{
        height: 100%;
        border-radius: 50%;
        margin-right: 4.25%;
        img{
            height: 100%;
        }
    }
    .my-top-right{
        font-size: 11.614vw;
        line-height: 22.66vw;
        color: #000000;
    }
    .my-top-text{
        overflow: hidden;
        p:first-of-type a{
            font-size: 4vw;
            color: #000000;
            line-height: 13.06vw;
        }
        p:last-of-type a{
            font-size: 3.46vw;
            color: #9d9d9d;
            line-height: 4.26vw;
        }
    }
}

.my-item{
    width: 93.86%;
    height: 20vw;
    margin: 14px auto 0;
    .my-items{
        box-sizing: border-box;
        height: 100%;
        width: 27.55%;
        padding-top: 2.66vw;
        .my-item-pic{
            margin: 0 auto;
            height: 10.66vw;
            text-align: center;
            img{
                height: 100%;
            }
        }
        p{
            text-align: center;
            font-size: 3.46vw;
            line-height: 6.5vw;
        }
    }
    .my-item1{
        background: #b2e0a0;
    }
    .my-item2{
        margin: 0 auto;
        background: #a0dce0;
    }
    .my-item3{
        background: #e0b7a0;
    }
}

.my-list{
    width: 100%;
    .item-common .title .title-left .title-left-pic{
        width: 12vw;
        img{
            height: 100%;
            width: auto;
        }
    }
    .item-common:nth-of-type(5){
        margin-top: 22px;
    }
}

.my-button{
    box-sizing: border-box;
    height: 10vw;
    width: 100%;
    margin-top: 18px;
    padding: 0 14.53%;
    input[type="button"]{
        height: 10vw;
        width: 19.6vw;
        background: #ff9344;
        color: #FFFFFF;
        font-size: 3.2vw;
        border-radius: 5vw;
    }
}
